<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        
        <style>    
        .a{
            color: white;
            background-color: green;
            height: 50px;
            width: 100px;
            display: flex; /* 添加flex布局 */
                        align-items: center; /* 垂直居中 */
                        justify-content: center; /* 水平居中 */
        }
        #a1{
            background-color: darkgreen;
        }
        #a10{
            width: 450px;
            height: 50px;
        }    
        #a11{
            width: 500px;
            height: 50px;
        }    
        .z{
            display: flex;
        }
    
            
        </style>
         
        
        
        <title>丐版广西科技师范学院</title>
    </head>
    <body>
        <a href="https://www.gxstnu.edu.cn/#">
            <img src="./img/1.jpg" alt="" height="125px"style="margin-left: 420px;">
        </a>
        <img src="./img/2.png" alt="" height="125px">
        <div id="b" class="z">
            <div id="a10" class="a"></div>
            <div id="a1" class="a">首页</div>
            <div id="a2" class="a">学校概况</div>
            <div id="a3" class="a">组织机构</div>
            <div id="a4" class="a">师资队伍</div>
            <div id="a5" class="a">人才培养</div>
            <div id="a6" class="a">招生就业</div>
            <div id="a7" class="a">人才招聘</div>
            <div id="a8" class="a">信息公开</div>
            <div id="a9" class="a">校园文化</div>
            <div id="a11" class="a"></div>
        </div>
    </body>
</html>